
@extends('admin::layouts.master')
{{--<style>--}}
    {{--table{--}}

        {{--table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */--}}
    {{--}--}}
    {{--td{--}}
        {{--width:100%;--}}
        {{--word-break:keep-all;/* 不换行 */--}}
        {{--white-space:nowrap;/* 不换行 */--}}
        {{--overflow:hidden;--}}
        {{--text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*//* 内容超出宽度时隐藏超出部分的内容 */--}}
    {{--}--}}
{{--</style>--}}
@section('content')

    <div class="card" id="app">
        <div class="card-header">文章管理</div>
        <div class="tab-container">
            <ul role="tablist" class="nav nav-tabs">
                <li class="nav-item"><a href="/shop/article" class="nav-link active">文章列表</a></li>
                <li class="nav-item"><a href="/shop/article/create" class="nav-link">添加文章</a></li>
            </ul>
            <div class="card card-contrast card-border-color-success">
                <div class="card-body">
                    <table class="table">
                        <thead>
                        <tr style="text-align: center">
                            <th>编号</th>
                            <th>标题</th>
                            <th>作者</th>
                            <th>缩略图</th>
                            <th>所属分类</th>
                            <th>查看次数</th>
                            <th>推荐</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($data as $d)
                            <tr style="text-align: center">
                                <td>{!! $d['id'] !!}</td>
                                <td>{!! $d['title'] !!}</td>
                                <td>{!! $d['author'] !!}</td>
                                <td><img src='{!! $d['thumb'] !!}' style='width:45px;height:45px;'/></td>
                                <td>{!! $d->category->cname !!}</td>
                                <td>{!! $d['click'] !!}</td>
                                <td>{!! $d['iscommend']==1 ? '推荐':'不推荐' !!}</td>
                                <td>{!! $d['created_at'] !!}</td>
                                <td class="text-right">
                                    <a href="/shop/article/{{$d['id']}}/edit" class="btn btn-primary">编辑</a>
                                    <button type="button" class="btn btn-secondary btn-danger" onclick="del({{$d['id']}},this)">删除</button>
                                    <form action="/shop/article/{{$d['id']}}" hidden method="post">
                                        @csrf @method('DELETE')
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="float-right">
        {!!  $data->links() !!}
    </div>
@endsection
@section('script')
    <script>
        function del(id, el) {
            if (confirm('确定删除吗？')) {
                $(el).next('form').trigger('submit')
            }
        }
    </script>
@endsection
